<script type="text/javascript" src="js/ajaxupload.3.5.js"></script>     
<script type="text/javascript">
 $(document).ready(function () {
	 $('.favorite-place-table tr:nth-child(even)').addClass("odd");//add class odd(đổ màu cho dòng chẳn)
	 $('ul#tabsfullbox li:first-child a').addClass('ui-tabs-selected');//set cho tab menu đầu tiên được chọn(thông tin cá nhân)
	  
	  
	 $('ul#tabsfullbox li a').click(
		  function(){//xét sự kiện click của từng tab menu để đổi tab nội dung tương ứng
			  $(this).parent().siblings().find("a").removeClass('ui-tabs-selected');
			  $(this).addClass('ui-tabs-selected');
			  var currentTab = $(this).attr('id');
			  $(currentTab).siblings().addClass('ui-tabs-hide');
			  $(currentTab).removeClass('ui-tabs-hide');
	 });
	 var idnguoidung = $('#manguoidung').val();
	 var hinhanh=$('#hinhanh').val();
	 $('.submit').click(
	 	function(){
			var duongdan = $('#hinhanh').val();
			var fullname=$('#User_FullName').val();
			var str = "<a href='./?action=trang-ca-nhan' title='Bạn đang đăng nhập với tài khoản:"+fullname+"'>"+fullname+"</a><span id='point'> &nbsp;&nbsp; </span>";
			if(fullname==""){
				displayMessage("#notify", "Chưa điền đầy đủ thông tin cá nhân", "error");
			}
			else{
			 $.ajax( {
                type: "POST",
                url: "controller/xl-sua-thong-tin.php",
                dataType: "json",
				data:{iduser:idnguoidung,tenanh:duongdan,fullname:fullname},
                success: function (data) {
                    if (data.Success) {
                       	displayMessage("#notify", "Tên hiển thị đã được cập nhật.", "success");
						$('.loggedin').html(str);
                    }
                    else {
                        alert(data.Message);
                    }
                },
                complete: function() {
					if(duongdan!=""){
                    $(".remove-avatar").show();
					}
                }
            });   
			}
			return false;
		}
		
	 );
	 delall=0;
	 $('#deletebutton').attr('Disabled','Disabled');
	 $('#checkboxall').click(
		function(){
			delall=1;
			$('#deletebutton').removeAttr('Disabled',$(this).is(':checked'));
			$('#deletebutton').attr('Disabled',$(this).is(':unchecked'));
			$('input.chk').attr('checked',$(this).is(':checked'));
			
		});
		$("input.chk").click(
			function(){
				if($('#checkboxall').is(':checked')){
					$('#checkboxall').attr('checked',false);
					if(ischeck()){
						$('#deletebutton').removeAttr('Disabled');
					}else{
						$('#deletebutton').attr('Disabled','Disabled');
					}
				}
				else{
					if(ischeck()){
						$('#deletebutton').removeAttr('Disabled');
					}else{
						$('#deletebutton').attr('Disabled','Disabled');
					}
				}
			}
		);
        $(".remove-avatar").live("click",function (e) {
            e.preventDefault();
            $(".remove-avatar").html("<img src='images/loading.gif' />");
 			var idnguoidung = $('#manguoidung').val();
	 		var hinhanh=$('#hinhanh').val();
            $.ajax( {
                type: "POST",
                url: "controller/remover_avatar.php",
                dataType: "json",
				data:{iduser:idnguoidung,tenanh:hinhanh},
                success: function (data) {
                    if (data.Success) {
                        $(".big-imgavatar").attr('src', data.AnonymousAvatar);
						$('#hinhanh').val("");
						$('#ImageName').val("");
						displayMessage("#notify", "Xóa avatar thành công.", "success");
                    }
                    else {
                        alert(data.Message);
                    }
                },
                complete: function() {
                    $(".remove-avatar").hide();
                }
            });   
        });
		$("#deletebutton").click(function(){
			ids=new Array();
			a=0;
			$("input.chk:checked").each(function(){
				ids[a]=$(this).val();
				a++;
			})
			if(confirm("Bạn chắc chắn muốn xoá địa điểm ra khỏi danh sách yêu thích?")){
				if(delall==0){
					$.ajax({
						url: "controller/xoa-dia-diem-yeu-thich.php",
						dataType: "json",
						data:{arrayID: ids},
						type:"GET",
						success: function (data) {
							displayMessage("#delete-message", "Đă xoá địa điểm yêu thích.", "success");
							$("input.chk:checked").each(function(){
								$(this).parent().parent().remove();
							})
						}
					})
				}
				else
				{
					$.ajax({
						url: "controller/xoa-dia-diem-yeu-thich.php",
						dataType: "json",
						data:{del: delall},
						type:"GET",
						success: function (data) {
							displayMessage("#delete-message", "Đă xoá địa điểm yêu thích.", "success");
							$("input.chk:checked").each(function(){
								$(this).parent().parent().remove();
							})
							
						}
					})
				}
			}
		return false;
		});
    });
	function ischeck(){
		var result = false;
		$("input.chk").each(function(){
			if($("input.chk").is(':checked')){
				result = true;
			}
		})
		return result;
	}
	function displayMessage(e, d, f) {
		var g = $(e); 
		g.html("");
		var b = $("<a>").addClass("close").attr("href", "#");
		var c = $("<div>").addClass("notification png_bg " + f).attr("style", "display: none; opacity: 0").append(b).append("<div>" + d + "</div>");
		g.append(c);
		c.show(200, function () {
			c.fadeTo(200, 1)
		})
	}
	$(function(){
		var btnUpload=$('#ImageName');
		var files=$('#big-imgavatar');
		var idnguoidung = $('#manguoidung').val();
		
		new AjaxUpload(btnUpload, {
			action: 'controller/uploadPhoto.php',
			name: 'uploadfile',
			data: {
				usid : idnguoidung,
		  	},
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
					displayMessage("#notify", "'Chỉ cho phép file có đuôi JPG, PNG hoặc GIF'.", "success");
					return false;
				}
			},
			
			onComplete: function(file, response){
				if(response==="success"){			
					hinh="uploads/user/diadiem_"+idnguoidung+""+file;
					ten="diadiem_"+idnguoidung+""+file;
					$(".big-imgavatar").attr('src', hinh)
					$('#hinhanh').val(ten);
					$('#xoahinh').html("");
					$('#xoahinh').html("<a class='remove-avatar' href='#'>Xóa ảnh đại diện</a><br />");
					displayMessage("#notify", "Đổi avatar thành công.", "success");	
					$('#ImageName').val("");	
				} else{
					hinh="uploads/user/anonymous.png"
					$(".big-imgavatar").attr('src', hinh);
					$('.remove-avatar').hide();
					displayMessage("#notify", "Có lỗi xảy ra. Mời bạn chọn lại hình", "success");
					$('#ImageName').val("");
				}
			}
		});
	});
	
	$(function() {
	//More Button
	$('#moreCreatePlace').live("click",function() {
		var usid = $('#usid').val();
		var lastid_create = $('#lastid_create').val();
		if(lastid_create!="")
			{
				
				$.ajax({
					type: "POST",
					url: "pages/dia-diem-da-tao-view-more.php",
					data: "usid="+usid+"&lastid_create="+lastid_create, 
					cache: false,
					success: function(html){
					$("#create-table").append(html);
					$("#trMoreCreatePlace").remove();
				}	
			});
		}
	});
});
	$(function() {
	//More Button
	$('#moreFavoritePlace').live("click",function() {
		var usid = $('#usid').val();
		var lastid_favorite = $('#lastid_favorite').val();
		if(lastid_favorite!="")
			{
				
				$.ajax({
					type: "POST",
					url: "pages/dia-diem-yeu-thich-view-more.php",
					data: "usid="+usid+"&lastid_favorite="+lastid_favorite, 
					cache: false,
					success: function(html){
					$("#favorite-table").append(html);
					$("#trMoreFavoritePlace").remove();
				}	
			});
		}
	});
});

$(function() {
	//More Button
	$('#moreEditPlace').live("click",function() {
		var usid = $('#usid').val();
		var lastid_edit = $('#lastid_edit').val();
		if(lastid_edit!="")
			{
				
				$.ajax({
					type: "POST",
					url: "pages/dia-diem-chinh-sua-view-more.php",
					data: "usid="+usid+"&lastid_edit="+lastid_edit, 
					cache: false,
					success: function(html){
					$("#edit-table").append(html);
					$("#trMoreEditPlace").remove();
				}	
			});
		}
	});
});

</script>


<title>Trang cá nhân - <?=$title?></title>
<div id="mainfullcontent">
<!--menu tab-->
<ul id="tabsfullbox" class="ui-tabs-nav">
	<li>
		<a  id="#tabs-1">Thông tin cá nhân</a>
	</li>
    <li>
    	<a  id="#tabs-2">Địa điểm yêu thích</a>
    </li>
    <li>
		<a id="#tabs-3">Địa điểm đã tạo</a>
	</li>
    <li class="last">
		<a  id="#tabs-4">Địa điểm mới sửa</a>
	</li>
</ul><!--[end] menu tab -->
<div>
<!--tab 1 thông tin cá nhân -->
<?
	
?>
<div id="tabs-1" class="tabsfullcontent ui-tabs-panel" style="">
	<div id="notify"></div>
    <h2 class="header-title">Tài khoản</h2>
    <div class="small-leftsidebar">
    	<div class="image-holder">
        	<img class="big-imgavatar" alt="Ảnh đại diện" src="uploads/user/<? if($hinhanh==""){?>anonymous.png<? }else{ ?><?=$hinhanh?><? }?>">
        </div>
        <br />
       <div id="xoahinh">
	   <?
	   
	   if($hinhanh!=""){
	   ?>
            <a class="remove-avatar" href="#">Xóa ảnh đại diện</a><br />
             
             <?
	   }
	   
			 ?>
             </div>
             	
            
    </div>
    <div>
    <input type="hidden" value="<?=$id_user?>" id="manguoidung" name="manguoidung">
    <input type="hidden" value="<?=$hinhanh?>" id="hinhanh" name="hinhanh">

    <form method="post"  enctype="multipart/form-data" action="./?action=sua-thong-tin-ca-nhan">
    			
    	<fieldset class="editor">
        	<table class="user-details">
            	<tbody>
                	<tr>
                    	<td class="label-col">
                        	<label for="User_Email">Email</label>:
                        </td>
                        <td>
                        	<label><?=$_SESSION['email']?></label>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                    	<td class="label-col">
                        	<label for="User_FullName">Tên hiển thị</label>:
                        </td>
                        <td>
                        	<p>
                            	<input id="User_FullName" type="text" value="<?=$tenhienthi?>" name="User.FullName" data-val-required="T&#234;n hiển thị l&#224; bắt buộc." data-val-length-max="50" data-val-length="Nhập kh&#244;ng qu&#225; 50 k&#253; tự." data-val="true">
                            </p>
                            <a class="submit" href="#">Đổi tên hiển thị</a> 
                            <?
							if($_SESSION['oauth']=="")
							{
                            ?>
                            &nbsp; | &nbsp;<a href="./?action=doi-mat-khau">&Dstrok;ổi mật khẩu <?=$_SESSION['oauth']?></a>
                            <?
							}
                            ?>
                        </td>
                        
                    </tr>
                    
                    
                    <tr>

                          <td class="label-col">
                              <label>Đổi avatar:</label>
                          </td>
                          <td>
                          <input id="ImageName" class="save-user-info" type="file" title="Tải ảnh" name="File">
                          
                          <br>
                          <small>(chỉ hỗ trợ ảnh JPG và PNG. Dung lượng tối đa là 4M)</small>
                          <span id="mestatus" ></span>
                          </td>
                          

                    </tr>
                </tbody>
            </table>
        </fieldset>
        </form>
    </div>
    <div class="clear"></div>
    <br />
    <h2 class="header-title">Thống kê</h2>
    <dl class="stats">
        <dt>Tham gia từ:</dt>

        <dd><?=date("d/m/Y", strtotime($ngaytao))?></dd>

        <dd></dd>

    </dl>
    <dl class="stats">
        <dt>Địa điểm đã tạo:</dt>
        <dd><?=$sldiadiem?></dd>
	</dl>
    <dl class="stats">
        <dt>Bình luận:</dt>
        <dd><?=$slbinhluan?></dd>
    </dl>
</div><!--[edn]tab 1 -->

<!-- tab 2: địa điểm yêu thích -->
<div id="tabs-2" class="tabsfullcontent ui-tabs-panel ui-tabs-hide" style="">
	<div id="delete-message"></div>
    
    <input id="deletebutton" class="submitbutton" type="button" value="Xóa">
    <div id="favorite-list">
		<table class="favorite-place-table" id="favorite-table">
        	<tbody>
            	<tr>
                	<th class="checkbox"><input id="checkboxall" name="checkboxall" type="checkbox"></th>
                    <th class="image"> Hình ảnh </th>
                    <th class="name"> Địa điểm </th>
                    <th class="comments"> Bình luận </th>
                    <th class="visits"> Lượt xem </th>
                </tr>
            </tbody>
            <tbody>
            <?
			$l=count($arrDiaDiemYeuThich);
			if($l>0){
				$i=0;
				
				$l_p = $arrDiaDiemYeuThich[$l-1];
				$id_l = $l_p['MaDiaDiem'];
            	foreach($arrDiaDiemYeuThich as $row)
				{
					$i=$i+1;
					$image = $xl_hinh_anh_dia_diem->hinhAnhDiaDiem($row['MaDiaDiem']);
				
					$hinhdaidien = $image[0]['DuongDan'];
					
					$sobinhluan = $xl_binh_luan_dia_diem->tong_binh_luan($row['MaDiaDiem']);
				?>
            	<tr class="" fav-id="fav-86">
                	<td class="checkbox">
                    	<input  type="checkbox" value="<?=$row['MaDiaDiem']?>" name="chk[]" class="chk">
                        
                    </td>
                    <td class="image">
                    <div class="holder">
                        <a href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>">
                            <img src="uploads/place/<? if($hinhdaidien==""){?>photo_not_available.png<? }else{ ?><?=$hinhdaidien?><? }?>" alt="<?=$row['TenDiaDiem']?>">
                        </a>
                    </div>
                    </td>
                    <td class="favorite-info">
                    	<a class="name" href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>"><?=$row['TenDiaDiem']?></a>
                        <ul class="favorite-place-rating">
                        	<div class="rating rate_40" title="4.17 điểm / 6 lượt đánh giá"></div>
                        </ul>
                        <ul class="other-favorite-info"> <?=$row['DiaChi']?> - <?=$row['TenQuanHuyen']?> - <?=$row['TenTinhThanh']?> </ul>
                    </td>
                    <td class="comments"><?=$sobinhluan?></td>
                    <td class="visits"><?=$row['SoLuotXem']?></td>
                </tr>
                <?
				}
				
			}
			if($l>=10)
			{
                ?>
      		 <tr id="trMoreFavoritePlace">
                <td colspan="5">
                <a id="moreFavoritePlace" class="more" >xem thêm</a>
                 <input type="hidden" id="usid" name="usid" value="<?=$id_user?>" />
                <input type="hidden" id="lastid_favorite" name="lastid_favorite" value="<?=$id_l?>" />
                </td>
       		 </tr>
             <?
			}
			?>
            </tbody>
           
        </table>
    </div>
    
</div><!--[end] tab 2 -->

<!--địa điểm đã tạo-->
<div id="tabs-3" class="tabsfullcontent ui-tabs-panel ui-tabs-hide" style="">
	<table class="favorite-place-table" id="create-table">
        	<tbody>
            	<tr>
                	
                    <th class="image"> Hình ảnh </th>
                    <th class="name"> Địa điểm </th>
                    <th class="comments"> Bình luận </th>
                    <th class="visits"> Lượt xem </th>
                </tr>
            </tbody>
            <tbody>
            
            	<?
				
				$l_p = $arrDiaDiemDaTao[$sldiadiem-1];
				$id_l = $l_p['MaDiaDiem'];
            	foreach($arrDiaDiemDaTao as $row)
				{
					$image = $xl_hinh_anh_dia_diem->hinhAnhDiaDiem($row['MaDiaDiem']);
					$hinhdaidien = $image[0]['DuongDan'];
					$sobinhluan = $xl_binh_luan_dia_diem->tong_binh_luan($row['MaDiaDiem']);
				?>
            	<tr class="" fav-id="fav-86">
                    <td class="image">
                    <div class="holder">
                        <a href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>">
                            <img src="uploads/place/<? if($hinhdaidien==""){?>photo_not_available.png<? }else{ ?><?=$hinhdaidien?><? }?>" alt="<?=$row['TenDiaDiem']?>">
                        </a>
                    </div>
                    </td>
                    <td class="favorite-info">
                    	<a class="name" href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>"><?=$row['TenDiaDiem']?></a>
                        <ul class="favorite-place-rating">
                        	<div class="rating rate_40" title="4.17 điểm / 6 lượt đánh giá"></div>
                        </ul>
                        <ul class="other-favorite-info"> <?=$row['DiaChi']?> - <?=$row['TenQuanHuyen']?> - <?=$row['TenTinhThanh']?> </ul>
                    </td>
                    <td class="comments"><?=$sobinhluan?></td>
                    <td class="visits"><?=$row['SoLuotXem']?></td>
                </tr>
                <?
				}
				if($sldiadiem>=10)
				{
                ?>
                </tr>
                <tr id="trMoreCreatePlace">
                <td colspan="5">
                <input type="hidden" id="usid" name="usid" value="<?=$id_user?>" />
                <input type="hidden" id="lastid_create" name="lastid_create" value="<?=$id_l?>" />
                <a id="moreCreatePlace" class="more" >xem thêm</a>
                </td>
       		 </tr>
             <?
			  }
			 ?>
            </tbody>
        </table>
</div><!--[end]tab 3-->
<div id="tabs-4" class="tabsfullcontent ui-tabs-panel ui-tabs-hide" style="">
	<table class="favorite-place-table" id="edit-table">
        	<tbody>
            	<tr>
                	
                    <th class="image"> Hình ảnh </th>
                    <th class="name"> Địa điểm </th>
                    <th class="comments"> Bình luận </th>
                    <th class="visits"> Lượt xem </th>
                </tr>
            </tbody>
            <tbody>
            
            	<?
				$l=count($arrDiaDiemChinhSua);
				$l_p = $arrDiaDiemChinhSua[$l-1];
				$id_l = $l_p['MaDiaDiem'];
            	foreach($arrDiaDiemChinhSua as $row)
				{
					$image = $xl_hinh_anh_dia_diem->hinhAnhDiaDiem($row['MaDiaDiem']);
					$hinhdaidien = $image[0]['DuongDan'];
					$sobinhluan = $xl_binh_luan_dia_diem->tong_binh_luan($row['MaDiaDiem']);
				?>
            	<tr class="" fav-id="fav-86">
                    <td class="image">
                    <div class="holder">
                         <a href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>">
                            <img src="uploads/place/<? if($hinhdaidien==""){?>photo_not_available.png<? }else{ ?><?=$hinhdaidien?><? }?>" alt="<?=$row['TenDiaDiem']?>">
                        </a>
                    </div>
                    </td>
                    <td class="favorite-info">
                    	<a class="name" href="./?action=dia-diem&idPlace=<?=$row['MaDiaDiem']?>"><?=$row['TenDiaDiem']?></a>
                        <ul class="favorite-place-rating">
                        	<div class="rating rate_40" title="4.17 điểm / 6 lượt đánh giá"></div>
                        </ul>
                        <ul class="other-favorite-info"> <?=$row['DiaChi']?> - <?=$row['TenQuanHuyen']?> - <?=$row['TenTinhThanh']?> </ul>
                    </td>
                    <td class="comments"><?=$sobinhluan?></td>
                    <td class="visits"><?=$row['SoLuotXem']?></td>
                </tr>
                <?
				}
				if($l>=10)
				{
                ?>
                
                </tr>
                <tr id="trMoreEditPlace">
                <td colspan="5">
                <a id="moreEditPlace" class="more">xem thêm</a>
                <input type="hidden" id="usid" name="usid" value="<?=$id_user?>" />
                <input type="hidden" id="lastid_edit" name="lastid_edit" value="<?=$id_l?>" />
                </td>
       		 </tr>
             <?
				}
			?>
            </tbody>
        </table>
</div>
</div>
</div>